
//单张图片上传JS方法
function uploadSingleImg(uploadSingleImgUrl){
	var $list = $("#fileList"),
	// 优化retina, 在retina下这个值是2
    ratio = window.devicePixelRatio || 1,
    // 缩略图大小
    thumbnailWidth = 100 * ratio,
    thumbnailHeight = 100 * ratio,
    // Web Uploader实例
	uploader;
	
	var uploader = WebUploader.create({
		auto: true,
		swf: 'lib/webuploader/0.1.5/Uploader.swf',
	
		// 文件接收服务端。
		server: uploadSingleImgUrl,
	
		// 选择文件的按钮。可选。
		// 内部根据当前运行是创建，可能是input元素，也可能是flash.
		pick:{
			id:'#filePicker',
			multiple:false
			},
		//fileNumLimit，限制上传图片张数为1，继续添加则不被允许。
		//fileNumLimit:1,
		// 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
		resize: false,
		// 只允许选择图片文件。
		accept: {
			title: 'Images',
			extensions: 'gif,jpg,jpeg,bmp,png',
			mimeTypes: 'image/*'
		}
	});
	uploader.on( 'fileQueued', function( file ) {
		$list.empty();
		var $li = $(
	            '<div id="' + file.id + '" class="file-item thumbnail">' +
	                '<img>' +
	                '<div class="info">' + file.name + '</div>' +
	            '</div>'
	            ),
	        $img = $li.find('img');


	    // $list为容器jQuery实例
	    $list.append( $li );
	
		// 创建缩略图
		// 如果为非图片文件，可以不用调用此方法。
		// thumbnailWidth x thumbnailHeight 为 100 x 100
		uploader.makeThumb( file, function( error, src ) {
	        if ( error ) {
	            $img.replaceWith('<span>不能预览</span>');
	            return;
	        }
	        $('#preview').attr( 'src', src );
	        $("#serpic").show();
	        $("#serimg-close").click(function(){
				 $("#preview").removeAttr("src");
				 var imageDataMy="";
				 $(this).parent().hide();
				 $("#key").css("padding-left","5px");
			 });
			 $("#key").css("padding-left","49px");
	        //$img.attr( 'src', src );
	    }, thumbnailWidth, thumbnailHeight );
	});
	// 文件上传过程中创建进度条实时显示。
	uploader.on( 'uploadProgress', function( file, percentage ) {
	    var $li = $( '#'+file.id ),
	        $percent = $li.find('.progress span');

	    // 避免重复创建
	    if ( !$percent.length ) {
	        $percent = $('<p class="progress"><span></span></p>')
	                .appendTo( $li )
	                .find('span');
	    }

	    $percent.css( 'width', percentage * 100 + '%' );
	});
	
	uploader.on('beforeFileQueued',function(file){
		//重置
		retry();
	});
	
	function retry() {
		//重置uploader。目前只重置了队列
		uploader.reset();
	}
	
	// 文件上传成功，给item添加成功class, 用样式标记上传成功。
	uploader.on( 'uploadSuccess', function( file ,arguments) {
		$( '#'+file.id ).addClass('upload-state-success').find(".state").text("已上传");
		var typeofType=typeof arguments;
		if(typeofType=='string'){        //360，谷歌浏览器中显示是string类型的
			var img=arguments;
		}else if(typeofType=='object'){     //火狐浏览器中显示是object类型的
			var img=arguments._raw;
		}
		//上传成功后在隐藏域中存放图片路径
		$("#returnImg").val(img);
		//在修改页面中返回展示的图片路径
		$('#returnImgShow').attr('src','../../upload/'+img);
		//如果showImg的长度大于0，则说明展示图片img存在，则初始化jqthumb
		var imgLength=$('#showImg').length;
		if(imgLength>0){
			$('#showImg').jqthumb({
		        width: 150,
		        height: 150
		    });
		}else{
			
		}
		//如果returnImgShow的长度大于0，则说明展示图片img存在，则初始化jqthumb
		var returnImgShowLength=$('#returnImgShow').length;
		if(returnImgShowLength>0){
			$('#returnImgShow').jqthumb({
		        width: 150,
		        height: 150
		    });
		}else{
			
		}
		
	});
	
	// 文件上传失败，显示上传出错。
	uploader.on( 'uploadError', function( file ) {
	    var $li = $( '#'+file.id ),
	        $error = $li.find('div.error');

	    // 避免重复创建
	    if ( !$error.length ) {
	        $error = $('<div class="error"></div>').appendTo( $li );
	    }

	    $error.text('上传失败');
	});
	
	// 完成上传完了，成功或者失败，先删除进度条。
	uploader.on( 'uploadComplete', function( file ) {
	    $( '#'+file.id ).find('.progress').remove();
	});
	
}